<template>
  <div class="compose-list">
    <ComposeItem v-for="(item, index) in works" :key="index" :work="item" />
  </div>
</template>

<script>
import ComposeItem from "./components/composeItem";
export default {
  name: "ComposeListModule",
  components: {
    ComposeItem
  },
  data() {
    return {
      works: [
        {
          author: {
            name: "党尼玛",
            avatar:
              "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1596812967643&di=975eb5c12461fe9a627186aa6bda9fb8&imgtype=0&src=http%3A%2F%2Fimgsrc.baidu.com%2Fforum%2Fw%253d580%2Fsign%3D405f259c6409c93d07f20effaf3cf8bb%2Fce0a54e93901213f3146214e57e736d12e2e95c1.jpg"
          },
          content: "大青蛙大全的七点七五当前",
          time: "今天18:14",
          parisers: "杀马特1、杀马特2"
        }
      ]
    };
  }
};
</script>

<style scoped lang="less">
.compose-list {
  box-sizing: border-box;
  padding: 2vh 2vw 10vh 2vw;
  width: 100%;
}
</style>
